﻿/* Reset */

body, form, div, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset,
p,blockquote
{ 
	margin: 0;
	padding: 0;
}

fieldset, img 
{ 
	border: 0;
}

ol, ul 
{
	list-style: none;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 
{
	font-size: 100%;
	font-weight: normal;
}

/* Common */

html
{
    overflow-y: scroll;
}

body 
{    
    background: #dedfe2;
    font: 11px Verdana;
    color: #2e3139;
    min-width: 1080px;
}

.TextContent
{
	line-height: 14px;
}

.TextContent p,
.TextContent ul li,
.TextContent ol li,
.TextContent code
{
    margin-bottom: 10px;
}

.TextContent ul,
.TextContent ol
{
	list-style: outside;
	padding: 0;
	margin-left: 32px;
}

.TextContent ul
{
	
	list-style-type: disc;
}

.TextContent ol
{
	list-style-type: decimal;
}

.TextContent a
{
	color: #1b3f91;
	text-decoration: none;
}

.TextContent a:hover
{
	text-decoration: underline;	
}



/* Core Layout */

.MainBackground
{
    background: white url(BodyBack.png) repeat-x;
}

.Wrapper
{
    text-align: center;    
    background: url(WrapperBack.png) repeat-x bottom;
    min-width: 1080px;
}

.Content
{
    margin: 0 0 auto 0;
    text-align: left;
    width: 1080px;    
}

.ContentLeft
{
    float: left;
    width: 1032px;
    background: url(ContentLeftBack.png) no-repeat left bottom;
}

.ContentLeftInner,
.ContentLeftInner_Intro
{
    float: left;
    width: 266px;
}

.ContentLeftInner
{
    min-height: 852px;
    background: url(ContentLeftInnerBack.png) no-repeat left top;
}

.ContentLeftInner_Intro
{
    min-height: 852px;
    background: url(ContentLeftInnerBack_Intro.png) no-repeat left top;
}


.FooterLeft
{
    float: left;
    width: 1032px;
    background: url(FooterLeftBack.png) no-repeat left bottom;
}

.FooterLeftInner
{
    float: left;
    width: 266px;
    text-align: center;
    padding-top: 83px;
}

.ContentCenter
{
    float: inherit;    
    min-width: 766px;        
}

.ContentCenterInner
{    
	padding-top:55px;
    min-height: 600px;
    background: white url(ContentCenterInnerBack.png) no-repeat left top;
}

.ContentCenterInner_Intro
{
    min-height: 600px;
    background: white url(ContentCenterInnerBack_Intro.png) no-repeat left top;
}

.FooterCenter
{
    float: right;    
    width: 766px;    
    height: 206px;
    background: url(FooterCenterBack.png) repeat-x bottom;    
}

.ContentRight
{
    float: left;
    width: 100%;
    background: url(ContentRightBack.png) no-repeat right bottom;
}

.ContentRightInner,
.ContentRightInner_Intro
{
    float: right;
    width: 48px;    
}

.ContentRightInner
{
    height: 852px;
    background: url(ContentRightInnerBack.png) no-repeat right top;
}

.ContentRightInner_Intro
{
    height: 852px;
    background: url(ContentRightInnerBack_Intro.png) no-repeat right top;
}

.FooterRight
{
    clear: both;
    float: left;
    width: 100%;
    background: url(FooterRightBack.png) no-repeat right bottom;
}


/* Title */

.TitleLogo 
{
	height: 56px;
	padding: 23px 0 0 23px;
    width: 265px;
}

.TitleLogo img
{
    position: relative;
}

/* Navigation bar */

.Navigation
{
	padding: 10px 0 0 5px;
	width: 239px;
}

.NavigationBar
{
	padding: 0;
}

.NavigationBar .dxnb-header
{
    font-weight: bold;
    padding: 3px 0 31px; 
    background: url(NavigationBarGroupTop.png) no-repeat center bottom;
}

.NavigationBar .dxnb-headerCollapsed
{    
    padding: 3px 0;
    cursor: pointer;
}

.NavigationBar .dxnb-header,
.NavigationBar .dxnb-headerCollapsed
{
   padding-left: 21px;
   line-height: 15px;
}

.NavigationBar .dxnb-headerCollapsedHover
{
    background: url(NavigationBarHover.png) repeat-y top left;
}

.NavigationBar .dxnb-header a,
.NavigationBar .dxnb-headerCollapsed a
{
	color: #2e3139;
	text-decoration: none;    
}

.NavigationBar .dxnb-header a:hover
{
	text-decoration: none;
    cursor: default;
}

.NavigationBar .dxnb-header .dxnb-btn,
.NavigationBar .dxnb-headerCollapsed .dxnb-btn
{
    background-image: url(Sprite.png);
    background-repeat: no-repeat;
    width: 7px;
    height: 7px;
    margin-top: 5px;
    margin-left: -14px;
    float: left;
    cursor: pointer;
}

.NavigationBar .dxnb-header .dxnb-btn
{	    
    background-position: -367px -1px;
}

.NavigationBar .dxnb-headerCollapsed .dxnb-btn
{
    background-position: -359px -1px;
}

.NavigationBar .dxnb-content
{
    padding: 0 0 28px 6px;
    margin-bottom: 1px;
    background: url(NavigationBarGroupBottom.png) no-repeat center bottom;    
}

.NavigationBar .dxnb-item
{    
    padding: 3px 0 3px 15px;
    line-height: 15px;
}

.NavigationBar .dxnb-item a
{
	color: #1b3f91;
	text-decoration: none;
}

.NavigationBar .dxnb-item a:hover
{
	color: #1b3f91;
	text-decoration: underline;
}

.NavigationBar .dxnb-itemSelected
{
    font-weight: bold;        
    background: url(Sprite.png) no-repeat -375px 6px;
}

.NavigationBar .dxnb-itemSelected a,
.NavigationBar .dxnb-itemSelected a:hover
{
    color: Black;
    text-decoration: none;
    cursor: default;
}

.NavigationBar .NewImage,
.NavigationBar .UpdatedImage
{
    background-image: url(Sprite.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    border: 0;
    float: right;
    margin-left: 5px;
    margin-right: 8px;
}

.NavigationBar .NewImage
{
    background-position: -207px -309px;
}

.NavigationBar .UpdatedImage
{
    background-position: -207px -326px;
}

/* Demo pages */

.DemoTitle
{
    padding: 18px 33px 8px;
    font-size: 22px;
    background: url(DemoTitleBack.png) no-repeat left bottom;
}

#DemoArea,
#CodeArea
{
	width:700px;
	font-size:small;
    padding: 30px 27px 50px;
}
 


/* Footer */

.FooterText
{
	padding: 18px 37px 0;
    height: 148px;
}

.FooterText .Version
{
	font-size: 17px;
}

.FooterText a
{
	color: #1b3f91;
	text-decoration: none;
}

.FooterText a:hover
{
	text-decoration: underline;	
}

.FooterLogo
{
    background: url(Sprite.png) no-repeat -3px -309px;
    width:192px; 
    height:56px; 
}

.Copyright
{
    text-align: right;    
    color: #a7abb2;
}


/* Aux */

.Clear
{
    display: block;    
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 0;
}

.LeftPadding
{
    padding-left: 12px;
}

.TopPadding 
{
    padding-top: 6px;
}

.BottomPadding
{
    padding-bottom: 6px;
}

.TopMargin 
{
    margin-top: 6px;
}

.BottomMargin 
{
    margin-bottom: 6px;
}

.Note 
{
    margin: 10px 0;
}

div.Spacer 
{
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.NoWrap { 
    white-space: nowrap; 
}

